<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>站酷首页</title>
		<link rel="stylesheet" type="text/css" href="./scss/reset.scss"/>
		<link rel="stylesheet" type="text/css" href="./scss/index.scss"/>
	</head>
	<body>
		
		<!--Navigation-->
		<div class="zcoolIndex">
			<div class="navigation body">
				<h1><a href=""></a></h1>
				<ul class="navigationUl1">
					<li><a href="">首页</a></li>
					<li><a href="">发现</a></li>
					<li><a href="">同城</a></li>
					<li><a href="">职位</a></li>
					<li><a href="">活动</a></li>
					<li><a href="">正版素材</a></li>
					<li><a href="">课程</a></li>
					<li><a href="">...</a></li>
				</ul>
				<span class="navigationSpan1"><a href=""></a></span>
				<span class="navigationSpan2"><a href=""></a></span>
				<ul class="navigationUi2">
					<li><a class="navigationUi2_a1" href="">登录</a></li>
					<li><a class="navigationUi2_a2" href="">注册</a></li>
				</ul>
			</div>
		</div>
		
		<!--Rotation chart 添加js轮播图-->
		<div class="rotation_chart" >
			<ul id = "rotation_body">
				<li><img src="https://img.zcool.cn/community/0140435ca56984a801208f8bf85e50.jpg@1380w"/></li>
				<li><img src="https://img.zcool.cn/community/018f0a5ca56a20a801208f8bb0bf3f.jpg@1380w"/></li>
				<li><img src="https://img.zcool.cn/community/0179355ca513c4a8012141688293de.jpg@1380w"/></li>
				<li><img src="https://img.zcool.cn/community/01cbe25ca512f2a801208f8b54ccb6.jpg@1380w"/></li>
				<li><img src="https://img.zcool.cn/community/01a05d5ca5131ca801214168dbec42.jpg@1380w"/></li>
				<li><img src="https://img.zcool.cn/community/0140435ca56984a801208f8bf85e50.jpg@1380w"/></li>
			</ul>
			<button class= "btn" id= "prev_btn"></button>
			<button class= "btn" id= "next_btn"></button>
		</div>
		
		<!--Picture display-->
		<div class="picture_display">
			<ul>
				<li class="picture_display_li"><a href=""><img src="https://reviveimg.hellorf.com/www/images/2393ff6d5164d474f101a4bcf5e57098.jpg" alt="" /></a></li>
				<li><a href=""><img src="https://reviveimg.hellorf.com/www/images/00f3640ed661c5435f8f5e21311b6ee3.jpg" alt="" /></a></li>
				<li><a href=""><img src="https://reviveimg.hellorf.com/www/images/ae3707caa215f4172557ddd8dacb8d9a.jpg" alt="" /></a></li>
				<li><a href=""><img src="https://reviveimg.hellorf.com/www/images/46c6a421c92e39572fac3c2ac14f58b3.jpg" alt="" /></a></li>
				<li><a href=""><img src="https://reviveimg.hellorf.com/www/images/97e58960f72ccb1be87eef73a0f5f656.jpg" alt="" /></a></li>
			</ul>
		</div>
		
		<!--menu  需要添加js的黏性定位-->
		<div class="menu" id = "menu_body">
			<ul>
				<li><a href="">首页推荐</a></li>
				<li><a href="">最新发布</a></li>
				<li><a href="">上升最快</a></li>
			</ul>
		</div>
		
		<!--content_display-->
		<div class="content_display">
			<div class="content_display_body">
				<div class="content_body clearfix">
					<div id="content_body1">
					
					</div>
				
			</div>
			
				<!--Jump button-->
				<div class="jump_button">
					<ul>
						<li><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
						<li><a href="">4</a></li>
						<li><a href="">5</a></li>
						<li><a href="">6</a></li>
						<li><a href="">7</a></li>
						<li><a href="">...</a></li>
						<li><a href="">99</a></li>
						<li><a href="">100</a></li>
						<li><a href="">></a></li>
					</ul>
				</div>
				<!--video-->
				<div class="video">
					<a href=""><img src=""/></a>
				</div>
				<!--ajax请求数据-->
				<span style="color: red;">猜你喜欢-下面是ajax交互数据</span>
				<div class="ajax body">
					<!--<div class="ajaxbody">
						<a href=""><img src="" alt="" /></a>
						<span></span>
					</div>
					<div class="ajaxbody">
						<a href=""><img src="" alt="" /></a>
						<span></span>
					</div>
					<div class="ajaxbody">
						<a href=""><img src="" alt="" /></a>
						<span></span>
					</div>
					<div class="ajaxbody">
						<a href=""><img src="" alt="" /></a>
						<span></span>
					</div>
					<div class="ajaxbody">
						<a href=""><img src="" alt="" /></a>
						<span></span>
					</div>-->
				</div>
				
				
				
				
				<div class="bottom">
					<button id = "gotop">返回顶部</button>
				</div>
			</div>
		</div>
		
		
		<script src="./scripts/zcoolIndex.js" type="text/javascript" charset="utf-8"></script>
		<script src="./scripts/common.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
